<style>
	body { text-align: center; background-color: azure;}
	#wrapper {
		margin: 0 auto;
		width: 1080px; 
		text-align: left;
	}
	#top{
		height: 100px;
		margin-bottom: 5px;
	}
	#logo{
		float: left;
	}
	#logo img{
		width: auto;
		height: 100px;
	}
	#topmenu #emptyarea{
		background-color: #9C9BE8;
		height: 70px;
	}
	#topmenu #nav{
		background-color: #E9EAFA;
		height: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.1ex;
	}
	#topmenu #nav #menu{ 
		float:left; 
		margin-top: 4px;
		margin-left: 20px;
	}
	#topmenu #nav #menu li{
		display: inline;
		font-size: 14px;
		font-weight: bolder;
		margin-right: 10px;
		color: #a9a9a9;
		padding: 5px;
	}
	#topmenu #nav #search{ 
		float: right; 
		margin-top: 3px;
		margin-right: 5px;
	}
	#topmenu #nav #search #txtsearch{ 
		background-color: #9FA4A4;
		color: white;
	}
	#topmenu #nav #search #btnsearch{
		background-color: #000055;
		border-color: #000055;
		color: white;
		font-size: 12px;
		font-weight: bolder;
	}
	
	#main .content{
		padding: 5px 10px;
	}
	
	#main #left{
		float:left;
		width: 196px;
		_width: 216px; /* IE6 */
		height: 200px;
	}
	
	#main #center{
		float: left;
		width: 628px;
		_width: 648px; /* IE6 */
		height: 800px;
	}
	
	#main #right{
		float: left;
		width: 196px;
		_width: 216px; /* IE6 */
		height: 250px;
		background-color: #E2E3EE;
	}
	
	#main #right input{
		margin-bottom: 10px;
	}
	
	#main .label{
		width: 100%;
		padding: 5px 0px;
		margin-bottom: 10px;
		border-style: outset;
		border-width: 2px;
		font-size: 14px;
		font-weight: bolder;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #9C9BE8;
		color: white;
		letter-space: .1ex;
	}
</style>
<html>
	<head>
		<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
		<script type="text/javascript" src="easySlider1.7.jsr"></script>
	</head>
	<body><div id="wrapper">
		<div id="top">
			<div id="logo">
				<img src="logo.png"></img>
			</div>
			<div id="topmenu">
				<div id="emptyarea">&nbsp;</div>
				<div id="nav">
					<div id="menu">
						<li>TOKO</li>
						<li>CARA BERBELANJA</li>
						<li>TENTANG KAMI</li>
						<li>KONTAK KAMI</li>
					</div>
					<div id="search">
						<input type="text" name="txtsearch" id="txtsearch" value="" />
						<input type="button" name="btnsearch" id="btnsearch" value="SEARCH" />
					</div>
				</div>
			</div>
		</div>
		<div id="main">
			<div id="left" class="content">
				<div class="label"><span style="margin:0px 5px;">KATEGORI</span></div>
				<div style="margin-left:5px;">
					<li>Makanan</li>
					<li>Mainan</li>
					<li>Buku</li>
					<li>Furnitur</li>
				</div>
			</div>
			<div id="center" class="content"><center><h1>:: Main Content ::</h1></center>
			</div>
			<div id="right" class="content">
				<div class="label" style="margin-left:-2px;"><span style="margin:0px 5px;">LOGIN PEMBELI</span></div>
				<div style="margin-left:5px;">
					Username:<br>
					<input type="text" name="username" value="" /><br>
					Password:<br>
					<input type="text" name="password" value="" /><br>
					<input type="submit" name="submit" value="Login" /><br>
					Belum ada akun? <a href="#">Daftar!</a>
				</div>
			</div>
		</div>
	</div></body>
</html>